<template>
  <div>
    <h1>App</h1>
    <p v-bgcolor="'yellow'">{{num | fixedNum(4) | add$}}</p>
    <Count/>
  </div>

</template>

<script>
import Count from "@/components/Count.vue"
export default {
  name: "App",
  components: {
    Count
  },
  data() {
    return {
      num: 10
    }
  },
 
  directives: {
    bgcolor(el, bending) {
      el.style.background = bending.value;
    }
  }
}
</script>

<style>

</style>